<template>
  <div class="order">
    <!-- 导航栏 -->
    <nav-bar class="navbar">
      <div slot="center">订单列表</div>
    </nav-bar>

    <!-- 订单列表 -->
    <section class="order_no_login">
      <img src="./images/order/person.png" />
      <h3>登录后查看外卖订单</h3>
      <button>立即登陆</button>
    </section>
  </div>
</template>
<script>
import NavBar from "../../components/common/navbar/NavBar";
export default {
  components: {
    NavBar
  }
};
</script>
<style lang="less" scoped>
.order {
  .navbar {
    background-color: #02a774;
    color: #fff;
    position: fixed;
  }

  .order_no_login {
    padding-top: 140px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    img {
      display: block;
      width: 100%;
      height: 30%;
    }

    h3 {
      padding: 10px 0;
      font-size: 17px;
      color: #6a6a6a;
    }

    button {
      display: inline-block;
      background: #02a774;
      font-size: 14px;
      color: #fff;
      border: 0;
      outline: none;
      border-radius: 5px;
      padding: 10px 20px;
    }
  }
}
</style>